/**
 * 封装axios请求模块
 */
import axios from 'axios'
import store from '@/store'
import router from '@/router'
import {Toast} from 'vant'
import {refreshToken} from '@/api/user'

// 创建一个axios实例
const request = axios.create({
    baseURL: 'http://toutiao.itheima.net'
})

// 请求拦截器（具体用法可看axios官网）
request.interceptors.request.use(function (config) {
    // 在发送请求之前做些什么
    const user = store.state.user
    // 已登录的用户才需要配置Authorization
    if(user && user.token){
        config.headers.Authorization = `Bearer ${user.token}`
    }
    return config;
}, function (error) {
    // 对请求错误做些什么
    return Promise.reject(error)
})

// 响应拦截器
request.interceptors.response.use(function (response) {
    // 2xx 范围内的状态码都会触发该函数。
    // 对响应数据做点什么
    return response;
}, function (error) {
    // 超出 2xx 范围的状态码都会触发该函数。
    // 对响应错误做点什么
    // 当状态码为401时，可能是未登录，也可能是token过期
    if(error.response && error.response.status === 401) {
        const user = store.state.user
        if(user && user.token){
            // 本地有token，说明token过期，需要刷新token
            store.commit('setUser', null) //1. 首先清除掉原来存储的token，2. 再发起更新token的请求
            return refreshToken(user.refresh_token).then(({data}) => {
                // console.log( '刷新成功', data)
                // 3. 重新存储token
                store.commit('setUser', {token: data.data.token, refresh_token: user.refresh_token})
                // 4. 重新发起之前的请求
                return request(error.config)
            }).catch((err) => {
                console.log( '刷新失败', err)
                Toast('您需要重新登录！')
                router.push('/login')
            })
        } else {
            // 本地无token，说明未登录
            Toast('您还没有登录！')
            router.push('/login')
        }
    } else {
        Toast.fail('操作失败，请重试！')
    }
    return Promise.reject(error)
})

export default request
